*{
	margin:0;
	padding: 0;
	font-size: 0;
}
@function size($num) {
	@return $num / (7.5) +vw
}
@mixin display($align:top,$justify:start) {
	display: flex;
	@if($align == top){
		align-items: flex-start;
	}
	@if($align == center){
		align-items: center;
	}
	@if($justify == left){
		justify-content: flex-start;
	}
	@if($justify == center){
		justify-content: center;
	}
	@if($justify == between){
		justify-content: space-between;
	}
	@if($justify == around){
		justify-content: space-around;
	}
}

@mixin textOF{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
@mixin textWS {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#contain{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	.classify{
		width: 100%;
		height: 100%;
		@include display(top,center);
		&Left{
			width: size(250);
			height:100%;
			overflow-y: auto;
			.leftFirst{
				width: 100%;
				p{
					line-height: size(100);
					background-color: silver;
					text-align: center;
					font-size: size(28);
					color: #000000;
					@include textWS();
				}
				.leftSecond{
					width: 100%;
					p{
						line-height: size(50);
						background-color: silver;
						text-align: center;
						font-size: size(24);
						color: silver;
						background-color: #ffffff;
					}
				}
			}
			.secondActive{
				p{
					color: deepskyblue;
				}
				.leftSecond{
					.active{
						color: red;
					}
				}
			}
		}
		&Right{
			width: size(500);
			height: 100%;
			overflow-y: auto;
			.rightList{
				width: 100%;
				height: 100%;
				.rightItem{
					width: size(210);
					height: size(344);
					margin: size(16) 0 0 size(20);
					display: inline-block;
					background-color: silver;
					.itemImg{
						width: 100%;
						height: size(280);
						border-radius: size(16);
						overflow: hidden;
						img{
							width: 100%;
							height: 100%;
							background-color: #000000;
						}
					}
					.itemText{
						width: 100%;
						margin-top: size(8);
						font-size: size(24);
						min-height: size(56);
						@include textOF();
					}
				}
			}
		}
	}
}
